<!--<template>-->
    <!--<div class="projects">-->
        <!--<Header style="z-index:1025;border-bottom: 1px solid #dbdbdb;height: 51px">-->
            <!--<header-menu :index="'7'"></header-menu>-->
        <!--</Header>-->
        <!--<div class="container  clearfix">-->
            <!--<div class="title">-->
                <!--<ul>-->
                    <!--<li>一级分类</li>-->
                    <!--<li>二级分类</li>-->
                    <!--<li>项目名</li>-->
                <!--</ul>-->
            <!--</div>-->
             <!--<div class="content">-->
              <!--<table  cellspacing="0" cellpadding="0" v-for="i in list" :key="i.id">-->
                 <!--<tr v-for="y in i.child" :key="y.id">-->
                  <!--<td rowspan="11" v-if="y.id===1">{{i.title}}</td>-->
                  <!--<td>{{y.name}}</td>-->
                  <!--<td><span v-for="data in y.child" :key="data.id" @click="fun()">{{data.text}}</span></td>-->
                 <!--</tr>-->
              <!--</table>-->
             <!--</div>-->
            <!--</div>-->
        <!--</div>-->
<!--</template>-->

<!--<script>-->
    <!--import HeaderMenu from '../../components/Header/'-->
    <!--export default {-->
        <!--name: "Projects",-->
        <!--components:{-->
            <!--HeaderMenu-->
        <!--},-->
        <!--data () {-->
            <!--return {-->
               <!--list:[-->
                   <!--{id:1,title:'眼部',-->
                       <!--child:[-->
                           <!--{id:1,name:'开眼角',-->
                            <!--child:[-->
                                <!--{id:1,text:'开内眼角'},-->
                                <!--{id:2,text:'开外眼角'},-->
                            <!--]-->
                           <!--},-->
                           <!--{id:2,name:'开眼角',-->
                               <!--child:[-->
                                   <!--{id:1,text:'开内眼角'},-->
                                   <!--{id:2,text:'开外眼角'},-->
                               <!--]-->
                           <!--},-->
                           <!--{id:3,name:'开眼角',-->
                               <!--child:[-->
                                   <!--{id:1,text:'开内眼角'},-->
                                   <!--{id:2,text:'开外眼角'},-->
                               <!--]-->
                           <!--},-->
                       <!--],-->

                   <!--},-->
                   <!--{id:2,title:'眼部',-->
                       <!--child:[-->
                           <!--{id:1,name:'开眼角',-->
                               <!--child:[-->
                                   <!--{id:1,text:'开内眼角'},-->
                                   <!--{id:2,text:'开外眼角'},-->
                               <!--]-->
                           <!--},-->
                           <!--{id:2,name:'开眼角',-->
                               <!--child:[-->
                                   <!--{id:1,text:'开内眼角'},-->
                                   <!--{id:2,text:'开外眼角'},-->
                               <!--]-->
                           <!--},-->
                           <!--{id:3,name:'开眼角',-->
                               <!--child:[-->
                                   <!--{id:1,text:'开内眼角'},-->
                                   <!--{id:2,text:'开外眼角'},-->
                               <!--]-->
                           <!--},-->
                       <!--],-->

                   <!--},-->

               <!--]-->
            <!--}-->
        <!--},-->
        <!--methods :{-->
            <!--fun () {-->
                <!--this.$router.push({path:'/projectsdelist'})-->
            <!--}-->
        <!--}-->
    <!--}-->
<!--</script>-->

<!--<style scoped lang="less">-->
   <!--@import "../../style/style";-->
    <!--.projects{-->
        <!--&gt;.container{-->
            <!--margin-top: 30px;-->
        <!--}-->
        <!--.title{-->
            <!--height: 36px;-->
            <!--background-color: #ffeff2;-->
            <!--border-radius: 10px 10px 0px 0px;-->
            <!--border: solid 1px #ff5371;-->
            <!--ul{-->
                <!--li{-->
                    <!--float: left;-->
                    <!--width: 164px;-->
                    <!--text-align: center;-->
                    <!--line-height: 35px;-->
                    <!--color: @theme-color-dark;-->
                    <!--border-right: 1px solid #ff5371;-->
                <!--}-->
                <!--&gt;:last-child{-->
                    <!--border-right: none;-->
                    <!--width: 850px;-->

                <!--}-->

            <!--}-->
        <!--}-->
        <!--.content {-->
            <!--background-color: #ffffff;-->

          <!--table{-->
              <!--border: solid 1px #e0e0e0;-->
              <!--color: #333333;-->
              <!--font-size: 12px;-->
              <!--margin-bottom: 25px;-->
              <!--tr{-->
                  <!--td{-->
                      <!--line-height: 42px;-->
                      <!--border-bottom: solid 1px #e0e0e0;-->
                      <!--width: 164px;-->
                      <!--border-right: solid 1px #e0e0e0;-->
                      <!--padding-left: 20px;-->
                  <!--}-->
                  <!--&gt;:last-child{-->
                      <!--width: 850px;-->
                      <!--border-right:none;-->
                      <!--color: @theme-color-dark;-->
                      <!--&gt;span{-->
                          <!--display: block;-->
                          <!--width: 160px;-->
                          <!--float: left;-->
                          <!--cursor: pointer;-->
                      <!--}-->
                  <!--}-->
              <!--}-->
              <!--&gt;:last-child{-->
                  <!--td{-->
                      <!--border-bottom:none;-->
                  <!--}-->
              <!--}-->
              <!--&gt;:first-child{-->
                  <!--&gt;:first-child{-->
                      <!--border-bottom: none;-->
                      <!--background-color: #f7f7f7;-->
                  <!--}-->
              <!--}-->
          <!--}-->
        <!--}-->
    <!--}-->

<!--</style>-->